.LayoutData {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

    .ant-result {

        .ant-result-icon {
            filter: drop-shadow(0px 0px 5px #262626);
        }

        .ant-result-title {
            color: white;
            filter: drop-shadow(1px 1px 1px #262626);
        }
    }

    &>.LayoutPage {
        width: 100%;
        height: 100%;

        &>.GridLayout {
            width: 100%;
            height: 100%;

            &>.react-grid-layout {
                width: 100%;
                height: 100%;

                &>.GridItem {
                    // background: rgba(255, 255, 255, 0.35);

                    .GridTemp {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-align: center;
                        padding: 8px;

                        &>.GridSize {
                            position: absolute;
                            right: 12px;
                            top: 12px;
                            z-index: 2;
                            color: white;
                            font-family: DIN;
                            font-size: 24px;
                            filter: drop-shadow(1px 1px 1px #262626);
                        }

                        &.none {
                            padding: 8px;
                            background: rgba(255, 0, 0, 0.15);
                            font-family: ShuHeiTi;
                            font-weight: bold;
                            font-size: 24px;
                            color: #FFFFFF;
                            filter: drop-shadow(1px 1px 1px #262626);
                        }

                        .WaitingSelection {
                            width: 100%;
                            height: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-family: ShuHeiTi;
                            font-weight: bold;
                            font-size: 24px;
                            color: #FFFFFF;
                            filter: drop-shadow(1px 1px 1px #262626);
                            border: 1px solid #FFFFFF;
                        }

                        &>.OrdinaryModule {
                            width: 100%;
                            height: 100%;
                            display: flex;
                            align-items: flex-start;
                            justify-content: flex-start;
                            flex-direction: column;

                            &>.OrdinaryModule__content {
                                flex: 1;
                                width: 100%;
                            }
                        }

                        .TemplateNav {
                            width: 100%;
                            height: 100%;
                            display: flex;
                            align-items: flex-start;
                            justify-content: flex-start;
                            flex-direction: column;

                            &>div {
                                width: 100%;

                                &.TemplateNav__nav {
                                    // 临时导航
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;

                                    &>div {
                                        flex: 1;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        height: 60px;
                                        background: rgba(255, 255, 255, 0.35);
                                    }
                                }

                                &.TemplateNav__temp {
                                    flex: 1;

                                    .TemplateNav__item {
                                        width: 100%;
                                        height: 100%;
                                        color: white;
                                        overflow: hidden;

                                        &>.react-grid-layout {
                                            width: 100%;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}